Ext.define('UDZ.view.Main', {  //定义类名与Main.js相同
    extend: 'Ext.tab.Panel', //继承tab.Panel
    xtype: 'main',
    requires: [ //只有Main能用
        'Ext.TitleBar',
        'Ext.Img',
        // 'UDZ.view.CartList'
    ],
    config: { //配置
        tabBarPosition: 'bottom',
        style:'background-color:white;',
        activeItem:3, //为了测试方便
        items: [
            //首页
            {
                title: '首页',
                iconCls: 'lnr-home',
                // ui:'',
                id:'item01_personal_main',
                // styleHtmlContent: false,
                style:'background-color:#f5f5f5;clear:both',
                height:'100%',
                layout:'vbox',
                scrollable:'vertical',
                // layout:{
                //     type:'vbox'
                // },
                items:[
                   {
                        docked: 'top',
                        xtype: 'toolbar',
                            items:[
                            {
                                width:'80%',
                                style:'margin-left:10px',
                                xtype:'searchfield',
                                placeHolder:'搜索图案'
                            },
                            {
                                // iconCls: 'info',
                                // badgeText: '2',
                                xtype: 'image',
                                // style:'margin-left:10px',
                                src: 'resources/images/info.png',
                                width:32,    //不加图片不出现
                                height:32
                            }
                          ]
                        },
                   {
                        xtype: 'carousel',
                        style: 'width:100%;height:150px; ',
                        id: 'my_carousel',
                        layout:{
                            type:'vbox',
                        },
                        items: [
                            {
                                xtype: 'image',
                                src: 'resources/images/01.jpg',
                                width: '100%'
                            },
                            {
                                xtype: 'image',
                                src: 'resources/images/02.jpg',
                                width: '100%'
                            },
                            {
                                xtype: 'image',
                                src: 'resources/images/03.jpg',
                                width: '100%'
                            },
                            {
                                xtype: 'image',
                                src: 'resources/images/04.jpg',
                                width: '100%'
                            },
                        ]
                    },
                   {
                        height:80,
                        style:'background-color:white;margin-top:5px',
                        xtype:'panel',
                        layout:{
                            type:'hbox'
                        },
                        items:[
                            {
                                flex:1,
                                xtype: 'image',
                                src:'resources/images/order.png',
                                cls:'personal_four_list',
                                html:[
                                    '<span>主题</span>'
                                ]
                            },
                            {
                                flex:1,
                                xtype: 'image',
                                src:'resources/images/mypoints.png',
                                // width:'42',
                                // height:'42',
                                cls:'personal_four_list',
                                html:[
                                    '<span>设计师</span>'
                                ]
                            },
                            {
                                flex:1,
                                xtype: 'image',
                                src:'resources/images/mynews.png',
                                cls:'personal_four_list',
                                html:[
                                    '<span>图案库</span>'
                                ]
                            },
                            {
                                flex:1,
                                xtype: 'image',
                                src:'resources/images/like.png',
                                cls:'personal_four_list',
                                html:[
                                    '<span>晒单</span>'
                                ]
                            }
                        ]
                    },
                    //服装
                    {
                        height:1450,
                        xtype:'panel',
                        items:[
                            {
                                xtype:'panel',
                                html:[
                                    '<div class="titlebg" style="width:100%;height:50px;margin-top:5px;text-align: center;line-height: 50px">'+
                                    '<span class="floor_tit_font" style="display: inline-block;position: relative;text-align: center;color: #ff3259;">最/新/款/式</span>'+
                                    '</div>'
                                ]
                            },
                            {
                                xtype:'panel',
                                id:'home_cloth_panel',
                            }
                        ]
                    },
                    //主题
                    {
                       height:520,
                        xtype:'panel',
                        style:'margin-top:20px',
                        items:[
                            {
                                xtype:'panel',
                                html:[
                                    '<div class="titlebg" style="width:100%;height:50px;margin-top:5px;text-align: center;line-height: 50px;position: relative;">'+
                                    '<span class="floor_tit_font" style="display: inline-block;position: relative;text-align: center;color: #ff3259;">最/新/主/题</span>'+
                                    '</div>'
                                ]

                            },
                            {
                                xtype:'panel',
                                id:'home_theme_panel',
                            }
                        ]
                    },
                    //印花
                    {
                        height:1010,
                        xtype:'panel',
                        // style:'background-color:red',
                        items:[
                            {
                                xtype:'panel',
                                html:[
                                    '<div class="titlebg" style="width:100%;height:50px;margin-top:5px;text-align: center;line-height: 50px;position: relative;">'+
                                    '<span class="floor_tit_font" style="display: inline-block;position: relative;text-align: center;color: #ff3259;">最/新/印/花</span>'+
                                    '</div>'
                                ]

                            },
                            {
                                xtype:'panel',
                                id:'home_printing_panel',
                            }
                        ]
                    }
                ]
            },
            //发现
            {
                title: '发现',
                iconCls: 'lnr-eye',
                id:'item02_personal_main',
                items: [
                    {
                        docked: 'top',
                        xtype: 'titlebar',
                        title: '发现'
                    },
                    {

                    }
                ]
            },
            //服装
            {
                title: '服装',
                iconCls: 'lnr-shirt',
                style: 'background-color:white;',
                id: 'item03_personal_main',
                layout: {
                    type: 'vbox'
                },
                // label:[
                //   '<span style="display: inline-block;position:relative;width: 100px;height: 100px;border-radius: 50%;background-color: white;top: -10px;"></span>'
                // ],
                items: [
                    {
                        docked: 'top',
                        xtype: 'titlebar',
                        title: '服装',
                        // cls:'bottombar bgcolor',
                    },
                    {
                        flex: 1,
                        xtype: 'panel',
                        layout: {
                            type: 'hbox'
                        },
                        items: [
                            {
                                flex: 1,
                                xtype: 'panel',
                                id: 'my_cloth',
                                cls: 'my_cloth',
                            },
                            {
                                flex:4,
                                xtype: 'panel',
                                layout: 'vbox',
                                items: [
                                    // {
                                    //             xtype: 'carousel',
                                    //             flex:2,
                                    //             style: 'width:100%;',
                                    //             id: 'my_cloth_carousel',
                                    //             layout: {
                                    //                 type: 'vbox',
                                    //             },
                                    //             items: [
                                    //                 {
                                    //                     xtype: 'image',
                                    //                     src: 'resources/images/cart1.jpg',
                                    //                     width: '100%'
                                    //                 },
                                    //                 {
                                    //                     xtype: 'image',
                                    //                     src: 'resources/images/cart2.jpg',
                                    //                     width: '100%'
                                    //                 },
                                    //                 {
                                    //                     xtype: 'image',
                                    //                     src: 'resources/images/cart1.jpg',
                                    //                     width: '100%'
                                    //                 },
                                    //                 {
                                    //                     xtype: 'image',
                                    //                     src: 'resources/images/cart2.jpg',
                                    //                     width: '100%'
                                    //                 }
                                    //             ]
                                    //         },
                                    {
                                        flex: 8,
                                        scrollable: 'vertical',
                                        xtype: 'panel',
                                        cls: 'my_cloth_name',
                                        id: 'my_cloth_name'
                                    }
                                ]
                            }
                        ]
                    },
                ]
            },
            //购物车
            {
                title: '购物车',
                iconCls: 'lnr-cart',
                style:'background-color:white;',
                id:'item04_personal_main',
                layout:{
                    type:'vbox'
                },
                items: [
                    {
                        docked: 'top',
                        xtype:'panel',
                        height:50,
                        cls:'topbar border',
                        html:'购物车(23)',
                    },
                    {

                        flex:2,
                        xtype: 'dataview',
                        style:'background-color:white;margin-top:5px;',
                        id: 'cart_view_list',
                        itemCls: 'cart-view-list',
                        store: 'Store_Cart',
                        emptyText: '无商品',
                        cls: 'dataview-basic',
                        useComponents: true,
                        defaultType: 'CartList'
                    },
                    {
                        height:50,
                        width:'100%',
                        style:'position:relative',
                        cls:'total_money_bar',
                        layout:{
                            type:'hbox',
                        },
                        items:[
                            {
                                flex:1,
                                xtype:'panel',
                                items:[
                                    {
                                        xtype:'checkboxfield',
                                        cls:'checkbox',
                                        name:'totalMoney',
                                        html:[
                                            '<span></span>'
                                        ]
                                    },
                                    {

                                    }
                                ]

                            },
                            {
                                flex:1,
                                xtype:'panel',
                                html:'总金额 <span>￥</span>',
                                cls:'total_money_font'
                            },
                            {
                                flex:1,
                                xtype:'panel',
                                cls:'total_money',
                                html:'<span>230</span>元'
                            },
                            {
                                flex:1,
                                xtype:'button',
                                text:'结算(3)',
                                cls:'total_pay_btn'
                            },

                        ]
                    },
                ]
            },

            //个人中心
            {
                title: '我的',
                iconCls: 'lnr-user',
                style: 'background-color: #f5f5f5;',
                // scrollable:true,
                // fullscreen:true,
                id:'item05_personal_main',
                items: [
                    {
                        xtype: 'panel',
                        height:'100%',
                        // fullscreen:true,
                        layout: {
                            type: 'vbox'
                        },
                        items: [
                            //用户头像
                            {
                                height: '35%',
                                xtype:'panel',
                                cls:'Userbg',
                                items:[
                                    {
                                        xtype:'panel',
                                        height: '100%',
                                        cls:'User_mask',
                                        layout:{
                                            type:'vbox'
                                        },
                                        items:[
                                            {
                                                xtype:'panel',
                                                height: '100%',
                                                layout:{
                                                    type:'hbox',
                                                },
                                                items:[
                                                    {
                                                        flex:1,
                                                        xtype:'panel',
                                                        id:'UserHeader_go_myinfo',
                                                        items:[
                                                            {
                                                                xtype:'image',
                                                                styleHtmlContent:false,
                                                                src:'resources/images/UserHead.jpg',
                                                                imageCls:'UserHeader',
                                                            },
                                                            {
                                                                html:[
                                                                    '<span></span>'
                                                                ]
                                                            }
                                                        ]
                                                    },
                                                    {
                                                        flex:1,
                                                        xtype:'panel',
                                                        id:'user_go_login',
                                                        html:[
                                                            '<h3 >未登录</h3>'
                                                        ]
                                                    }
                                                ]
                                            }
                                        ]

                                    }
                                ]
                            },
                            //用户基本信息
                            {
                                flex: 10,
                                items:[
                                    //四张图片
                                    {
                                        xtype:'panel',
                                        style: 'background-color:white;margin-top:5px',
                                        height:80,
                                        layout:{
                                            type:'hbox'
                                        },
                                        items:[
                                            {
                                                flex:1,
                                                xtype: 'image',
                                                src:'resources/images/order.png',
                                                cls:'personal_four_list',
                                                html:[
                                                    '<span>我的订单</span>'
                                                ]
                                            },
                                            {
                                                flex:1,
                                                xtype: 'image',
                                                src:'resources/images/mypoints.png',
                                                // width:'42',
                                                // height:'42',
                                                cls:'personal_four_list',
                                                html:[
                                                    '<span>我的积分</span>'
                                                ]
                                            },
                                            {
                                                flex:1,
                                                xtype: 'image',
                                                src:'resources/images/mynews.png',
                                                cls:'personal_four_list',
                                                html:[
                                                    '<span>我的短信</span>'
                                                ]
                                            },
                                            {
                                                flex:1,
                                                xtype: 'image',
                                                src:'resources/images/like.png',
                                                cls:'personal_four_list',
                                                html:[
                                                    '<span>我的收藏</span>'
                                                ]
                                            }
                                        ]
                                    },
                                    //资料
                                    {
                                        xtype:'panel',
                                        // id:'personal_panel',
                                        style:'height:300px;margin-top:5px',
                                        items:[
                                            {
                                                xtype:'panel',
                                                cls:'personal_container',
                                                id:'personal_myInfo',
                                                height:60,
                                                layout:{
                                                    type:'hbox'
                                                },
                                                // defaults:{
                                                //     styleHtmlContent:false
                                                // },
                                                items:[
                                                    {
                                                        flex:1,
                                                        xtype: 'image',
                                                        src:'resources/images/myinfo.png',
                                                        width:36,
                                                        height:36,
                                                        cls:'personal_img_container'
                                                    },
                                                    {
                                                        flex:4,
                                                        xtype:'panel',
                                                        // style:'boder-width:0.5px;border-bottom: da 1px black;padding:0',
                                                        html:[
                                                            '<span class="personal_myinfo">我的资料</span>' +
                                                            '<span class="personal_right"><img src="resources/images/right.png" alt=""></span>'
                                                        ],
                                                        cls:'personal_content_container border'
                                                    }
                                                ]
                                            },
                                            {
                                                xtype:'panel',
                                                cls:'personal_container',
                                                id:'address_manger',
                                                height:60,
                                                layout:{
                                                    type:'hbox'
                                                },
                                                items:[
                                                    {
                                                        flex:1,
                                                        xtype: 'image',
                                                        // style:'margin-top:15px',
                                                        src:'resources/images/getgoods.png',
                                                        width:40,    //不加图片不出现
                                                        height:40,
                                                        cls:'personal_img_container'
                                                    },
                                                    {
                                                        flex:4,
                                                        xtype:'panel',
                                                        // style:'boder-width:0.5px;border-bottom: da 1px black;padding:0',
                                                        html:[
                                                            '<span class="personal_myinfo">收货地址</span>' +
                                                            '<span class="personal_right"><img src="resources/images/right.png" alt=""></span>'
                                                        ],
                                                        cls:'personal_content_container border'
                                                    }
                                                ]
                                            },
                                            {
                                                xtype:'panel',
                                                cls:'personal_container',
                                                height:60,
                                                layout:{
                                                    type:'hbox'
                                                },
                                                // defaults:{
                                                //     styleHtmlContent:false
                                                // },
                                                items:[
                                                    {
                                                        flex:1,
                                                        xtype: 'image',
                                                        // style:'margin-top:15px',
                                                        src:'resources/images/think.png',
                                                        width:36,    //不加图片不出现
                                                        height:36,
                                                        cls:'personal_img_container'
                                                    },
                                                    {
                                                        flex:4,
                                                        xtype:'panel',
                                                        // style:'boder-width:0.5px;border-bottom: da 1px black;padding:0',
                                                        html:[
                                                            '<span class="personal_myinfo">意见反馈</span>' +
                                                            '<span class="personal_right"><img src="resources/images/right.png" alt=""></span>'
                                                        ],
                                                        cls:'personal_content_container'
                                                    }
                                                ]
                                            },
                                            {
                                                xtype:'panel',
                                                cls:'personal_container',
                                                height:60,
                                                style:'margin-top:5px',
                                                layout:{
                                                    type:'hbox'
                                                },
                                                // defaults:{
                                                //     styleHtmlContent:false
                                                // },
                                                items:[
                                                    {
                                                        flex:1,
                                                        xtype: 'image',
                                                        src:'resources/images/about me.png',
                                                        width:36,    //不加图片不出现
                                                        height:36,
                                                        cls:'personal_img_container'
                                                    },
                                                    {
                                                        flex:4,
                                                        xtype:'panel',
                                                        // style:'boder-width:0.5px;border-bottom: da 1px black;padding:0',
                                                        html:[
                                                            '<span class="personal_myinfo">关于我们</span>' +
                                                            '<span class="personal_right"><img src="resources/images/right.png" alt=""></span>'
                                                        ],
                                                        cls:'personal_content_container boder'
                                                    }
                                                ]
                                            },
                                            // {
                                            //     xtype:'button',
                                            //     text:'btn Go',
                                            //     id:'btn_go',
                                            //     // handler:function () {
                                            //     //     var v=Ext.getCmp('myform').getValues();//序列化
                                            //     //
                                            // }
                                        ]
                                    }

                                ]
                            }
                        ]
                    }

                    //         {
                    //             xtype:'button',
                    //             text:'submit',
                    //             id:'btn_submit',
                    //             handler:function () {
                    //                 var v=Ext.getCmp('myform').getValues();//序列化
                    //
                    //             }
                    //
                    //         },
                    //         {
                    //             xtype:'button',
                    //             text:'btn Go',
                    //             id:'btn_go',
                    //             // handler:function () {
                    //             //     var v=Ext.getCmp('myform').getValues();//序列化
                    //             //
                    //             // }
                    //         }
                    //
                    //     ]
                    // }
                ]
            }
        ]
    }
});

setInterval(function(){
    var myCarousel=Ext.getCmp('my_carousel');
    myCarousel.next();
    if(myCarousel.getActiveIndex()==myCarousel.getMaxItemIndex()){
        myCarousel.animateActiveItem(0,'pop');
    }
},4000);

// setInterval(function(){
//     var myCarousel=Ext.getCmp('my_cloth_carousel');
//     myCarousel.next();
//     if(myCarousel.getActiveIndex()==myCarousel.getMaxItemIndex()){
//         myCarousel.animateActiveItem(0,'pop');
//     }
// },4000);
